<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
         <jsp:include page="includes/script.html"/>
        <title>View Listrik Graph</title>
    </head>

    <body>
        <center>
         <form method="get">


             From : <input type="text" value="${start}" name="start" readonly> <img src="images/calendar.gif" onclick="displayDatePicker('start', false, 'ymd', '-');" />&nbsp;
             To : <input type="text" value="${end}" name="end" readonly> <img src="images/calendar.gif" onclick="displayDatePicker('end', false, 'ymd', '-');" />&nbsp;
               <input  type="submit" name="submit" value="View" >

        </form>
            </center>
        <br>
        <center> <a href="listrik.png"><img src="listrik.png" width="800" border="0"></a></center>
      <br>
      <br>

      <b>Note :</b>
      <table cellspacing="1" cellpadding="1" border="0" bgcolor="#121314" width="900">

             <c:forEach items="${data}" var="data">


            <tr  bgcolor="#f5f6f4">
                <td width="30%"><fmt:formatDate pattern="MMMMM yyyy"
                  value="${data.bulan}" /></td>
                <td>
                    <table>
                        <tr>
                            <td width="50%">${data.noteenglish}</td>
                        </tr>
                        <tr>
                            <td>${data.notejapan}</td>
                        </tr>
                    </table>
                </td>
            </tr>
             </c:forEach>

        </table>


    </body>
</html>
